.overh {overflow: hidden;} 
.overh1 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.overh2 {word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.d-center {display: flex;align-items: center;justify-content: center;}
.d-bt {display: flex;align-items: center;justify-content: space-between;}
.d-col {display: flex;flex-direction: column;}
.d-row {display: flex;flex-direction: row;}
.d-warp {display: flex;flex-wrap: wrap;}
.d-left {display: flex;align-items: center;justify-content: left;}
.d-right {display: flex;align-items: center;justify-content: right;}

$width: 750;
@for $i from 1 to $width {
	.w#{$i}{ width: $i * 1rpx !important; }
}
$height: 1250;
@for $i from 1 to $height {
	.h#{$i}{ height: $i * 1rpx !important; }
	.mh#{$i}{ min-height: $i * 1rpx !important; }
}

$margins: 300;
@for $i from 1 to $margins {
	.mg#{$i}{ margin: $i * 1rpx !important; }
	.mg0#{$i}{ margin: 0 $i * 1rpx !important;}
}

$margin: 750;
@for $i from 1 to $margin {
	.mt#{$i}{ margin-top: $i * 1rpx !important; }
	.ml#{$i}{ margin-left: $i * 1rpx !important; }
	.mr#{$i}{ margin-right: $i * 1rpx !important; }
	.mb#{$i}{ margin-bottom: $i * 1rpx !important; }
	.mt-#{$i}{ margin-top: -$i * 1rpx !important; }
	.ml-#{$i}{ margin-left: -$i * 1rpx !important; }
	.mr-#{$i}{ margin-right: -$i * 1rpx !important; }
	.mb-#{$i}{ margin-bottom: -$i * 1rpx !important; }
}

$padding: 750;
@for $i from 1 to $padding {
	.pt#{$i}{ padding-top: $i * 1rpx !important; }
	.pl#{$i}{ padding-left: $i * 1rpx !important; }
	.pr#{$i}{ padding-right: $i * 1rpx !important; }
	.pb#{$i}{ padding-bottom: $i * 1rpx !important; }
	.pd0#{$i}{ padding: 0 $i * 1rpx !important;}
	.pd#{$i}{ padding: $i * 1rpx !important;}
}

$fts: 100;
@for $i from 1 to $fts {
	.fts#{$i} { font-size: $i * 1rpx !important;}
}

$radis: 200;
@for $i from 1 to $radis {
	.br#{$i}{ border-radius: $i * 1rpx !important; }
}

// $opacity: 100;
// @for $i from 1 to $opacity {
// 	.opacity#{$i}{ opacity: $i / 100 !important; }
// }

// img {
//   border: none;
//   margin: 0;
//   padding: 0;
//   max-width: 100%;
//   height: auto;
//   display: block;
//   vertical-align: middle;
//   /* 其他需要重置的属性 */
// }